@use '../mixins/config' as *;

// display
// generate .yq-${displayKey}, .yq-${displayKey}-i
$displays: (
    block: block,
    flex: flex,
    grid: grid,
    'inline-block': inline-block,
    'inline-flex': inline-flex,
    'inline-grid': inline-grid,
    hidden: none,
);
@each $key, $value in $displays {
    .#{$namespace}-#{$key} {
        display: $value;
        &-i {
            display: $value !important;
        }
    }
}

// visibility
// generate .yq-${visibilityKey}, .yq-${visibilityKey}-i
$visibilitys: (
    visible: visible,
    invisible: hidden,
);
@each $key, $value in $visibilitys {
    .#{$namespace}-#{$key} {
        visibility: $value;
        &-i {
            visibility: $value !important;
        }
    }
}
